<!-- This example requires Tailwind CSS v2.0+ -->
<template>
  <div>
    <div class="navbar mb-2 shadow-lg bg-yellow-800 text-neutral-content">
      <div class="flex-none px-2 mx-2">
    <span class="text-lg font-bold">
            TeCoin
          </span>
      </div>
      <div class="flex-1 px-2 mx-2">
        <div class="items-stretch hidden lg:flex">
          <a class="btn btn-ghost btn-sm rounded-btn" href="/home_page">
            首页
          </a>
          <a class="btn btn-ghost btn-sm rounded-btn">
            操作
          </a>
          <a class="btn btn-ghost btn-sm rounded-btn" href="/about">
            关于
          </a>
          <a class="btn btn-ghost btn-sm rounded-btn">
            联系
          </a>
        </div>
      </div>
      <div class="flex-none">
        <button class="btn btn-square btn-ghost">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-6 h-6 stroke-current">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
          </svg>
        </button>
      </div>
      <div class="flex-none">
        <button class="btn btn-square btn-ghost">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-6 h-6 stroke-current">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
          </svg>
        </button>
      </div>
    </div>

    <router-view></router-view>
  </div>
</template>

<script>

export default {

}
</script>